<template>
  <el-table
    :data="list"
    style="width: 100%"
  >
    <el-table-column
      prop="index"
      label="序号"
      width="80"
    />
    <el-table-column
      prop="taskCode"
      label="工单编号"
      width="210"
    />
    <el-table-column
      prop="innerCode"
      label="设备编号"
      width="220"
    />
    <el-table-column
      prop="typeName"
      label="工单类型"
      width="210"
    />
    <el-table-column
      prop="createType"
      label="工单方式"
      width="210"
    />
    <el-table-column
      prop="taskStatusTypeEntity.statusName"
      label="工单状态"
      width="220"
    />
    <el-table-column
      prop="userName"
      label="运营人员"
      width="200"
    />
    <el-table-column
      prop="updateTime"
      label="创建日期"
      width="160"
    />
    <el-table-column
      label="操作"
      width="100"
    >
      <template slot-scope="scope">
        <el-button type="text" size="small" @click="handleClick(scope.row)">查看详情</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: () => []
    }

  },

  data() {
    return {
      tableData: []

    }
  },
  methods: {
    handleClick(row) {
      this.$emit('showIsChange', row)
      console.log(row)
    }
  }
}
</script>
<style lang="scss" >
.el-table__body-wrapper.is-scrolling-left{
  box-sizing: border-box;
  .el-table__body{
    box-sizing: border-box;
  }
}

.el-table   tr th{
  background-color:#f3f9fb;
}
</style>
